<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<link rel="stylesheet" type="text/css" href="webmedia/style.css"/>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>



<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


<title>Liam J Sullivan - Making Web Search Spatial - Searching for {{query}}</title>

<!-- Google Analytics Tracking Code -->


<script type="text/javascript">


<!-- Soution found on StackOverflow - original source unknown -->

function maskInput() {
        var key_code = window.event.keyCode;
        var oElement = window.event.srcElement;
        if (!window.event.shiftKey && !window.event.ctrlKey && !window.event.altKey) {
                if ((key_code > 47 && key_code < 58) ||
                          (key_code > 95 && key_code < 106)) {
                                if (key_code > 95) 
                                        key_code -= (95-47);
                           oElement.value = oElement.value;
                } else if(key_code == 8) {
                        oElement.value = oElement.value;
                } else if(key_code != 9) {
                        event.returnValue = false;
                }    
        }
    }


  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-7541839-8']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>




</head>


<!-- @LiamSullivan use Googles copy of the ajax librarys, only Jquery really -->


  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

  
	
	<script type="text/javascript">
	$(function() {
		$("#accordion").accordion({
			autoHeight: false,
			navigation: true,
			event: "mouseover"
		});
	});
	</script>
	
	
  
  
</head>  



<script type="text/javascript">


    jQuery.preloadImages = function() 
	
		{ 
	
			for (var i = 0; i < arguments.length; i++) 
					{ 
				
							jQuery("<img>").attr("src", arguments[i]); 
            
							$('.box1').attr('preloadURL', arguments[0]); 
					} 
		} 
 
    $.preloadImages("webmedia/sky.jpg"); 
	
 
    $(document).ready(function() 
	
		{ 
			if ($('.box1').attr('preloadURL') == 'sky.jpg') 
		
			{
		
					$('.box1').css({ 'background-image': 'url(sky.jpg)' },$('.box1').fadeIn(4000)); 
        
			} 
    
		});
		
	
	
	$(document).ready(function()
		{
		
				$('#page_effect').fadeIn(1000);
				
		}
		
		);
 
</script>


<script>
	$(function() {
		$( "#radio" ).buttonset();
	});
	</script>
	
	



<body>

<div id="page_effect" style="display:none;">



<div id="page">

	<div id="content">
	
	
	 </h4>

	
	<div id="accordion" >
		
		
			<h3><a href="#">Search</a>  </h3>
			
			<div>

    <br />
    

<form action="." method="get">

<input type="text" name="q" value="" rows="80" /> <br /> 

<br />






<div id=radio>

		<input type="radio" id="radio1" name="radio" value="traditional" checked="checked" /><label for="radio1">Traditional Search</label>
		<input type="radio" id="radio2" name="radio" value="classify" /><label for="radio2">Classify results</label>
		<input type="radio" id="radio3" name="radio" value="naivespatial" /><label for="radio3">Naive Spatial Search</label>
		<input type="radio" id="radio4" name="radio" value="spatial" /><label for="radio4">Spatial Search</label>
		<input type="radio" id="radio5" name="radio" value="offline" /><label for="radio5">Offline Testing</label>

</div>

<br />

Results:
<select name="number">

<option value="1">1</option>
<option value="2">2</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>

</select>


<!--  
Number of Results:<input type="text" name="number" value="2" onkeydown="javascript:maskInput()"/>
<br />-->





<br />


<br />

<input type="submit" name="submit" value="Search" />
<br />
<br />

<button class="fg-button ui-state-default ui-state-disabled ui-corner-all">Advanced Search</button>
   

</form>


			
			</div>
		
		
		
		
			<h3><a href="#">Info</a></h3>
			
			<div>
			<p>
			
			Currently does nothing much, just allows searching - Ironically using the Yahoo API! I'm just setting up environment but at this stage I do like the look of GoogleAppEngine.
			
			</p>
			
			<p>
			Running on Google App Engine, with Python SDK.
			</p>
			
			<p>
			The Topics classifier is hosted by <a href="http://www.uclassify.com">uclassify.com</a>
			</p>
			
			
			
			
			
			<img src="http://code.google.com/appengine/images/appengine-silver-120x30.gif" 
alt="Powered by Google App Engine" />
					
				
			</div>		
		
		
</div>



</div>


</body>
</html>

